@charset "utf-8";
/* CSS Document */
.w20{ width:20%}
.w33{ width:33%}
.w60{ width:60%}
.w80{ width:80%}
.w100{ width:100%}
.w50{ width:50%}
.w_1200{ width:1200px; margin:0 auto;}
.w_380{ width:330px; padding-left:100px; padding-right:50px;}
.w_388{ width:388px;}
.w_450{ width:450px;}
.w_540{ width:540px;}
.w_585{ width:585px;}
.w_585_p50{ width:485px; padding:50px;}
.w_640{ width:640px;}
.w_700{ width:620px; padding:50px;}
.w_720{ width:620px; padding-right:100px; margin-top:20px}
.h_90{ height:90px}
.h_120{ height:120px}
.tc{ text-align:center}
.fb{ font-weight:bold;}

.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f20{ font-size:20px !important}
.f24{ font-size:24px}
.f30{ font-size:30px}
.f36{ font-size:36px}
.f40{ font-size:40px}

.lh20{ line-height:20px}
.lh24{ line-height:24px}
.lh30{ line-height:30px}
.lh36{ line-height:36px}
.lh40{ line-height:40px}
.lh50{ line-height:50px}

.p20{ padding:20px}
.m0a{ margin:0 auto;}
.mt5{ mxargin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}

.mr18{ margin-right:18px;}
.mt50{ margin-top:50px;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb70{ margin-bottom:100px !important;}


.pb15{ padding-bottom:15px;}
.oh{ overflow:hidden}
.fl{ float:left}
.fr{ float:right}
.f20{ font-size:20px;}
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.color42a531{color:#42a531}
.color347c47{color:#347c47 }
.colorefcd85{ color:#efcd85}
.colorffcc00{ color:#ffcc00}
.bgecf6ea{ background:#ecf6ea}
.bg42a531{ background:#42a531} 
.bg347c47{ background:#347c47}

.b2px_f2e0c9{ border:2px solid #f2e0c9}
.bt2px{ border-top:2px solid #347c47}
.logo{ width:656px; height:65px; margin-top:15px; }
.topright{ float:right; width:; margin-top:15px;}
.telpart{ float:right;width:auto;  }
.tel{ width:auto; height:56px; padding-left:65px; background:url(/assets/images/tel.jpg) no-repeat 0 2px; font-size:22px; line-height:28px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#42a531; font-weight:bold; }

.tel1{ width:auto; height:32px; padding-left:30px; background:url(/assets/images/tu_1.png) no-repeat 0 8px; font-size:32px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#347c47; margin-bottom:10px}
.message{ width:auto; height:26px; line-height:26px; padding:0 15px 0 40px; color:#fff; border-radius:10px; background:url(/assets/images/tu_2.png) no-repeat 10px 5px #347c47; margin-top:3px; margin-left:20px; }
.message a{ color:#fff}
.mainmenu{ width:1200px; margin:0 auto; }
.mainmenu li{ float:left; height:50px; line-height:50px; padding:0 30px; font-size:16px; text-align:center; color:#fff }
.mainmenu li a{ color:#fff;}
.mainmenu .on,.mainmenu li:hover{ background:#347c47;}

.partname{ text-align:center;}
.partname h3{ height:50px; line-height:50px;font-size:40px;color:#347c47 }
.partname h4{ height:auto; line-height:30px;  font-size:24px;color:#42a531 }

.box1,.box2{ width:100%; height:auto}
.box1 li{ float:left; width:16.41%; margin-right:0.3%; height:auto; position:relative }
.box1 li .imgbox{width:100%; height:295px; margin-bottom:15px; cursor:pointer}
.box1 li .pop{ width:80%; height:auto; padding:10%; left:0; top:210px; position:absolute; background:#f5dfb8}
.box1 h3{ height:auto; line-height:26px; font-family:Arial; font-size:24px;color:#adadad; text-align:center }
.box1 h4{ height:auto; line-height:30px;  font-size:20px;color:#333;text-align:center }
.box2 li{ float:left; width:285px; height:auto; margin-right:20px; text-align:center }
.box2 li img{ width: 285px; height: 205px; overflow: hidden}
.box2 li h3{ height:36px; line-height:36px; padding:0 15px; background:#ecf6ea;  font-size:16px; color:#333; overflow:hidden}
.box2 li .text1{ height:auto; line-height:24px; padding:10px 15px; background:#000;  font-size:14px; color:#fff; text-align:left; overflow:hidden}
.box2 li a{ color:#333}

.environment{ width:100%; background:url(/assets/images/pic1.jpg) center no-repeat; overflow:hidden}
.w_380 .text1{ font-size:14px; line-height:32px;}
.bu_more{ border-radius:10px;  padding:7px 15px; background:#347c47; color:#fff; }
.bu_more a{ color:#fff}

.box3{ width:100%; line-height:30px}
.box3 .title{ width:100%; margin-bottom:20px;color:#eed5b5;line-height:30px; font-size:20px; overflow:hidden }
.box3 .title h3{ float:left;height:30px; line-height:30px; color:#347c47;  font-size:30px;}
.box3 .tbbox{ width:100%; margin-top:20px;overflow:hidden}
.box3 .tbbox li{ float:left; width:117px; height:auto; text-align:center; line-height:30px; }
.tb{ width:58px; height:58px; margin:0 auto; background-image:url(/assets/images/tu_3.png); background-repeat:no-repeat; display:block; overflow:hidden}
.tb1{ background-position:0;}
.tb2{ background-position:-58px 0;}
.tb3{ background-position:-116px 0;}
.tb4{ background-position:-174px 0;}
.tb5{ background-position:-232px 0;}
.tb6{ background-position:-290px 0;}
.tb7{ background-position:-348px 0;}
.tb8{ background-position:-406px 0;}
.tb9{ background-position:-464px 0;}

.tu_circle{ width:178px; height:178px; background-image: url(/assets/images/tu_4.png); background-repeat:no-repeat; display:block; margin:0 auto 15px;}
.tu_circle_on,.tu_circle:hover{ background-position:-2670px 0 }
.tu_circle1{ background-position:-178px 0 }
.tu_circle1_on,.tu_circle1:hover{ background-position:-2848px 0 }
.tu_circle2{ background-position:-356px 0 }
.tu_circle2_on,.tu_circle2:hover{ background-position:-3026px 0 }
.tu_circle3{ background-position:-534px 0 }
.tu_circle3_on,.tu_circle3:hover{ background-position:-3204px 0 }
.tu_circle4{ background-position:-712px 0 }
.tu_circle4_on,.tu_circle4:hover{ background-position:-3382px 0 }
.tu_circle5{ background-position:-890px 0 }
.tu_circle5_on,.tu_circle5:hover{ background-position:-1780px 0 }
.tu_circle6{ background-position:-1068px 0 }
.tu_circle6_on,.tu_circle6:hover{ background-position:-1958px 0 }
.tu_circle7{ background-position:-1246px 0 }
.tu_circle7_on,.tu_circle7:hover{ background-position:-2136px 0 }
.tu_circle8{ background-position:-1424px 0 }
.tu_circle8_on,.tu_circle8:hover{ background-position:-2314px 0 }
.tu_circle9{ background-position:-1602px 0 }
.tu_circle9_on,.tu_circle9:hover{ background-position:-2492px 0 }


.box4{ width:100%; overflow:hidden} 
.box4 li{ float:left; width:220px; padding:30px; height:auto; margin-right:25px; margin-bottom:20px; background:#ecf6ea}
.box4 li .text1{ width:100%; height:40px; line-height:20px; font-size:16px; margin-bottom:15px; overflow:hidden; }
.box4 li .text2{ width:100%; height:36px; line-height:18px; font-size:14px; overflow:hidden; color:#666; padding-top:15px; border-top:1px solid #ccc; margin-bottom:5px; }
.box4 li .text3{ width:100%; height:130px; line-height:130px; font-size:36px; text-align:center} 
.box4 li .date{ width:100%; height:18px; line-height:18px; font-size:12px; color:#999;}

.input1{ width:366px; padding:0 10px; border:1px solid #ccc; height:40px; line-height:40px; border-radius:5px; margin-bottom:20px;}
.input2{ width:772px; height:104px; padding:0 10px; border:1px solid #ccc; line-height:40px; border-radius:5px; }
.input3{ width:250px; height:40px; background:#dca650; border:0; color:#fff; border-radius:5px; margin-top:20px; cursor:pointer}
.footer,.footer a{color:#347c47; }
.cop{ height:auto; line-height:25px;  color:#fff; padding: 15px 0 }
.img1{ width:388px; height:230px; border-radius:10px; overflow:hidden}

.w_388 .title,.gybyj .title{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
.w_388 .title h3{ float:left; height:30px; margin-right:15px; font-weight:bold; line-height:30px; font-size:24px; color:#dca650}
.w_388 .title .h3_eng{ float:left; height:30px; line-height:30px; font-size:14px; color:#efcd85;}

.gybyj .title h3{ float:left; height:30px; margin-right:15px; font-weight:bold; line-height:30px; font-size:24px; color:#dca650}
.gybyj .title .h3_eng{ float:left; height:30px; line-height:30px; font-size:14px; color:#efcd85;}
.gybyj .title h3,.gybyj .title .h3_eng{ width:100%}

.w_388 .text1{ width:80%; margin-bottom:10px; font-size:14px; height:60px; line-height:20px; overflow:hidden}

.box5{ width:1118px; padding:20px 40px; text-align:center; border:1px solid #eed5b5; border-radius:15px;}
.box6{ width:1200px; height:435px; margin:20px auto 0; padding:50px 0; overflow:hidden}
.box6 li{ float:left; width:188px; height:188px; margin-right:65px; margin-bottom:55px; border-radius:15px; background:#dca650 }
.box6 table{ line-height:40px; font-size:24px; color:#fff}

.box7,.box8,.box9{width:1200px; height:auto;}
.box7 li{ float:left; width:580px; height:auto; margin-bottom:40px; overflow:hidden}
.box7 li .leftpart{ width:120px; height:auto; padding:20px 30px;  background:#ecf6ea; text-align:center}
.box7 li .leftpart img{ width:120px; height:120px; overflow:hidden}
.box7 li .rightpart{ width:320px; height:187px; font-size:14px; line-height:24px; color:#347c47;background:#ecf6ea; padding:20px 30px; overflow:hidden}
.box8 li{ width:1200px; height:auto; margin-bottom:40px; overflow:hidden}
.box8 li img{ width:600px; height:300px; overflow:hidden}
.box8 li .text1{ width:540px; height:240px; padding:30px; font-size:14px; background:#ecf6ea; }
.box8 li .text1 h3{ width:100%; height:36px; line-height:36px; font-size:30px; color:#347c47; overflow:hidden}
.box8 li .text1 h3 a{ color:#347c47; }
.box8 li .text1 h4{ width:100%; height:30px; line-height:30px; margin-bottom:20px; font-size:16px; color:#999}
.box8 li .text1 .content{ width:100%; height:72px; line-height:24px; line-height:24px; overflow:hidden}
.box8 li .text1 .more{ width:100px; height:30px; border-radius:5px; line-height:30px; text-align:center; display:block; background:#dca650; color:#fff; margin-top:30px}
.box9 li{ float:left; width:388px; margin-right:18px; margin-bottom:40px; overflow:hidden;}
.box9 li img{ width:388px; height:230px; overflow:hidden}
.box9 li h3{ width:348px; padding:10px 20px 5px; line-height:24px; font-size:16px; color:#347c47; overflow:hidden; background:#ecf6ea}
.box9 li h3 a{ color:#347c47}
.box9 li .date{ width:348px; padding:0 20px 10px; line-height:20px; font-size:14px; color:#999; background:#ecf6ea}

.color347c47 a{ color:#347c47}

/*------------------------翻页--------------------------------*/
.msdn { float: right; width: 100%; FONT-SIZE: 12px; COLOR: #666; FONT-FAMILY: '宋体', Verdana, Tahoma, Arial, Helvetica, Sans-Serif; HEIGHT: 24px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right; margin: 10px 0px 10px 0px; padding: 4px 0px 4px 0px; margin-top:30px }
.msdn A { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #666; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none; margin: 0px; line-height: 20px; height: 20px; font-size: 12px; display: inline; padding: 10px 15px  }
.msdn A:hover { BORDER: #347c47 1px solid; COLOR: #fff; BACKGROUND-COLOR: #347c47 }
.pagination A:active { BORDER-RIGHT: #347c47 1px solid; BACKGROUND-COLOR: #347c47 }
.msdn SPAN.current { padding: 10px 15px; BORDER: #347c47 1px solid; FONT-WEIGHT: bold; MARGIN: 0px; COLOR: #fff; background: #347c47 }
.msdn SPAN.disabled { DISPLAY: none }
/*------------------------翻页--------------------------------*/

.newsxx,.newslist{ width:1090px; padding:20px 50px  ; border:5px solid #ecf6ea; overflow:hidden; line-height:30px; }
.newsxx h3{ width:100%; text-align:center; font-size:30px; line-height:60px; color:#347c47 }
.newsxx .date { width:100%; text-align:center; font-size:16px; color:#999; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ecf6ea}

.newslist li{ float:left; width:500px; height:40px; line-height:40px; overflow:hidden; margin-right:90px;border-bottom:1px dotted #eee;}
.layui-tab-title li{ font-size: 20px; padding: 0 25px; height: 40px; line-height: 40px; color: #347c47}
.layui-tab-title .layui-this{color: #347c47 !important}


.con-box{ margin-bottom:15px;padding:25px 40px; background:#ecf6ea; font-size:14px; line-height:25px;}